<template>
	<view></view>
</template>

<script>
	export default {
		props: {
			// 记录id
			type: {
				type: String,
				default: '0',
			},
			time: {
				type: String,
				default: '0',
			},
		},
		data() {
			return {
				/*需要返回的图片*/
				imageList: [],
				defaultWorksite: JSON.parse(uni.getStorageSync('defaultWorksite')),
			};
		},
		mounted() {
			this.chooseImageFunc();
		},
		methods: {
			// 打开相机或者相册，选择图片
			chooseImageFunc() {
				let _this = this;
				uni.chooseImage({
					count: 9, //默认9
					sizeType: ['compressed'], //可以指定是原图还是压缩图，默认二者都有
					sourceType: ["album", "camera"], //从相册选择，相机拍摄
					success: function(res) {
						// console.log(res)
						_this.uploadFile(res.tempFilePaths);
					},
					fail: function(res) {
						_this.$emit('getImgs', null);
					},
					complete: function(res) {

					}
				});
			},

			// 上传图片
			uploadFile: function(tempList) {
				let _this = this;
				let i = 0;
				let img_length = tempList.length;
				uni.showLoading({
					title: '图片上传中'
				});
				console.log('图片上传中===')
				console.log(_this.type)
				tempList.forEach(function(filePath, fileKey) {
					uni.uploadFile({
						url: _this.$baseURL + '/api/plus.upload/imgUpload',
						filePath: filePath,
						name: 'file',
						formData: {
							type:_this.type,
							project_id:_this.defaultWorksite.project_id,
						},
						header: {
							'content-type': 'application/x-www-form-urlencoded;charset=UTF-8',
							'token': uni.getStorageSync('token'),
						},
						success: function(res) {
							// console.log(res);
							if (res.statusCode == 200) {
								let result = JSON.parse(res.data);
								// console.log(result)
								_this.imageList.push(result.data);
							} else {
								uni.showToast({
									title: '图片上传失败',
									icon: 'none',
									duration: 2000
								});
							}
						},
						complete: function(res) {
							// console.log(res)
							i++;
							if (img_length === i) {
								uni.hideLoading();
								// 所有文件上传完成
								_this.$emit('getImgs', _this.imageList);
							}
						}
					});
				});
			},

			// 以下方法放入需要上传的页面里
			/**
			 * 上传图片
			 */
			// // 打开上传图片
			// openUpload() {
			// 	this.isUpload = true;
			// },

			// // 获取上传的图片
			// getImgsFunc(e) {
			// 	// console.log(e);
			// 	let _this = this;
			// 	if (e && typeof(e) != 'undefined') {
			// 		let index = _this.index;
			// 		_this.imgList = _this.imgList.concat(e[0]);
			// 	}
			// 	_this.isUpload = false;
			// },

			// // 预览图片
			// previewImg(src){
			// 	let _this = this;
			// 	var current = src;
			// 	var imgList = _this.imgList;
			// 	var imagesUrl = [];
			// 	for (var i = 0; i < imgList.length; i++) {
			// 		imagesUrl[i] = imgList[i].url;
			// 	}
			// 	// console.log(imagesUrl)

			// 	wx.previewImage({
			// 		current: current,
			// 		urls: imagesUrl
			// 	})

			// 	uni.previewImage({
			// 	    current: current,
			// 	    urls: imagesUrl
			// 	})
			// },

			// // 图片删除
			// deleteImg(index) {
			// 	// console.log(index);
			// 	let _this = this;
			// 	_this.imgList.splice(index, 1);
			// },

			// 提交
			// 获取上传图片的ids
			// let imgList = _this.imgList;
			// let imgIds = _this.imgIds;
			// for (var i = 0; i < imgList.length; i++) {
			// 	imgIds.push(imgList[i].imgID)
			// }
			// console.log("==图片id数组==");
			// console.log(imgIds);

		}
	};
</script>
